﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Master1.Master" AutoEventWireup="true" CodeBehind="Nhomsanpham.aspx.cs" Inherits="Trathat.Nhomsanpham" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
    <div class="carousel-container">
    <div id="carousel">
        <div class="carousel-feature">
          <a href="#"><img class="carousel-image" alt="Image Caption" src="../images/001.jpg" height="250" width="450"></a>
        </div>
        <div class="carousel-feature">
          <a href="#"><img class="carousel-image" alt="Image Caption" src="../images/002.jpg" width="450" height="249"></a>
        </div>
        <div class="carousel-feature">
          <a href="#"><img class="carousel-image" alt="Image Caption" src="../images/003.jpg" height="249" width="450"></a>
        </div>
        <div class="carousel-feature">
          <a href="#"><img class="carousel-image" alt="Image Caption" src="../images/004.jpg" height="249" width="450"></a>
        </div>
        <div class="carousel-feature">
          <a href="#"><img class="carousel-image" alt="Image Caption" src="../images/005.jpg" height="249" width="450"></a>
        </div>
        <div class="carousel-feature">
          <a href="#"><img class="carousel-image" alt="Image Caption" src="../images/006.jpg" height="249" width="450"></a>
        </div>
      </div>
    
      <div id="carousel-left"><img src="../images/back.png" /></div>
      <div id="carousel-right"><img src="../images/next1.png" /></div>
    </div>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div style=" padding-left: 10px; padding-bottom: 10px;">
        <asp:Label ID="lblOrder" runat="server" Text="Sản phẩm" Font-Bold="True" ForeColor="#0066FF"></asp:Label>
        <asp:Label ID="lblNhom" runat="server" Text="" Font-Bold="True" ForeColor="Red"></asp:Label>
    </div>
    <asp:DataList ID="listLoaisanpham" runat="server" DataKeyField="ID" 
        RepeatColumns="1" onitemdatabound="listNhomsanpham_ItemDataBound">
        <ItemTemplate>
            <div id="blockBaiviet">
                <div style="padding-left:20px; position:absolute;">
                    <a href="SanphamTrathat.aspx?Nhom=<%# Eval("IDNhomsanpham") %>&&Loai=<%# Eval("ID") %>&&Ten=<%# Eval("Tenloaisanpham") %>" style="text-decoration:none; font-weight:bold;">
                        <div style="padding-top: 4px; height:40px; font-weight: bold; background-image: url('../Image/headerBV.png'); background-repeat:no-repeat; width:195px;">
                            <center><div style="color:#fff; font-weight:bold;"><%# Eval("Tenloaisanpham")%></div></center>
                        </div>
                    </a>
                </div>
                
                <br />
                <div style="border:thin solid #c5c5c5; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin-right:10px; padding-top:30px; padding-bottom:10px; background-color:#fff; margin-bottom: 30px;">
                     <asp:DataList ID="listsanpham" runat="server" DataKeyField="ID" ForeColor="#0066FF" Font-Underline="False" RepeatColumns="4">
                         <ItemTemplate>
                            <div id="blockSanpham" style="width: 170px; height: 240px; padding-left: 7px; padding-bottom: 10px; ">
                                <a href="ChitietSanphamTrathat.aspx?Nhom=<%# Eval("IDLoaisanpham") %>&&Loai=<%# Eval("IDLoaisanpham") %>&&ID=<%# Eval("ID") %>"><img src='<%# Eval("Anhdaidien") %>' height="160" width="155" /></a><br />
                                <a href="ChitietSanphamTrathat.aspx?Loai=<%# Eval("IDLoaisanpham") %>&&ID=<%# Eval("ID") %>" style="text-decoration:none; color: #351c18; font-weight:bold;"><%# Eval("Tensanpham") %></a><br />
                                Mã SP: <b style="color: #FF0000"><%# Eval("Masanpham") %></b>
                            </div>
                            <center style="padding-bottom: 25px;">
                                <div class="imgMuahang1"></div>
                            </center>
                         </ItemTemplate>
                     </asp:DataList>
                     <div style="padding-left: 550px;"><a href="SanphamTrathat.aspx?Nhom=<%# Eval("IDNhomsanpham") %>&&Loai=<%# Eval("ID") %>&&Ten=<%# Eval("Tenloaisanpham") %>" style="text-decoration:none; font-weight:bold; padding-right: 10px;">Xem thêm >>></a></div>
                 </div>
            </div>
        </ItemTemplate>
    </asp:DataList>
</asp:Content>
